﻿@charset "utf-8";
/* 
Project:Pingdao
Version:1.0
Final Date:2009/10/12
Last Modify: 2010/06/11 by Jet Yang
Author: Fay li, Jet Yang
(c) BlogBus.com web design team
*/

/* reset */
html { color:#000; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; }
ul, li, ol { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; color:#333; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-weight:inherit; }/*to enable resizing for IE*/
input, textarea, select { *font-size:100%; }/*because legend doesn't inherit in IE */
legend { color:#000; }
.clear { clear:both; height:0; line-height:0; font-size:0; visibility:hidden; }

/* global */
body {  color:#666; text-align:center; background:#fff url(../images/header-bg.png) repeat-x 0 0; }
a { color:#78bc27; text-decoration:none; }
a:hover { color:#f93; }
a.caution { color:#f93; }
a.caution:hover { color:#78bc27; } 
a.rellink { color:#008cbf; }
a.rellink:hover { color:#78bc27; } 
#wrapper { margin:10px auto 20px; width:1180px; overflow:hidden; text-align:left; }
#wrapper .clear { clear:both; float:none; font-size:0px; line-height:0px; visibility:hidden; }
#wrapper li.clear { padding:0; width:auto; height:1px; overflow:hidden; font-size:1px; line-height:1px; }

span.pager span.current { padding:1px 2px; border:1px solid #d3d3d3; font-weight:bold; color:#999; }
span.pager {margin-left: 15px}

.dashline {width: 90%;margin:10px auto;border-top: 1px dashed #bbb;}
/* HEADINGS */
h2 { margin-bottom:10px; padding:0 0 8px 16px; height:21px; overflow:hidden; }
h2 .tags { float:left; margin-top:3px; display:block; font-size:12px; font-weight:normal; text-indent:0; }
h2 .tags a { color:#666; margin-right:4px; }
h2 .tags a:hover { color:#f93; }
h2 .more { float:right; display:block; margin-top:3px; width:44px; height:19px; overflow:hidden; text-align:left; }
h2 .more a { display:block; width:44px; height:19px; overflow:hidden; font-size:12px; font-weight:normal; text-indent:12px; letter-spacing:1px; line-height:19px; color:#898989; background:url(../images/more-bg.png) no-repeat 0 0; }
h2 .more a:hover { color:#f93; background-position:0 100%; }
h2 strong { float:left; margin-top:2px; display:block; width:90px; height:18px; overflow:hidden; }
h2.catName { margin-bottom:16px; height:21px; overflow:hidden; text-indent:0; }
h2.catName span.cats { float:left; margin-top:-3px; padding-right:1em; display:block; font-size:18px; color:#666; }
h2.catName span.cats a { text-decoration:none; color:#666; }

.subContent h3 { width: 85%; margin:0 auto;padding:0 10px; height:26px; color;color:#;border-bottom: 1px solid #ccc}
#sponser h3 { padding:0 10px; height:26px; overflow:hidden;}
h3 .more { float:right; display:block; margin-top:4px; width:44px; height:19px; overflow:hidden; text-align:left; }
h3 .more a { display:block; width:44px; height:19px; overflow:hidden; font-size:12px; font-weight:normal; text-indent:12px; letter-spacing:1px; line-height:19px; color:#898989; background:url(../images/more-bg.png) no-repeat 0 0; }
h3 .more a:hover { color:#f93; background-position:0 100%; }
h3 strong { float:left; margin-top:6px; padding-bottom:6px;display:block; width:100px; font-size:12px;font-weight: normal; height:14px; overflow:hidden; color: #525252}
h4 { margin-bottom:6px; font-size:14px; }
h4 a { color:#00972c; }

/* 内容主体 */
.mainContent { float:left; width:820px; overflow:hidden; border: 1px solid #dcdbda;box-shadow: #c6c6c6 1px 6px 12px -6px}
.mainContent .module { border:0; margin-bottom:16px; }
.column {  margin-bottom:16px; }
.columnBody { padding:12px 12px 6px; }
.columnFooter { height:4px; font-size:1px; line-height:1px; overflow:hidden; background:url(../images/column-bg.png) no-repeat 100% 100%; }

/* 内页 */
#detailWrapper { margin-bottom:24px; }
#detail { padding:18px; }
#detail h2 { margin:0; padding:0; height:auto; font-size:24px; text-indent:0; text-align:center; background:none; border:0; }
#detail h5 { font-size:12px; margin:10px 0; font-weight:normal; text-align:center; }
.postHeader .menubar { margin-bottom:20px; padding:0 12px; height:20px; overflow:hidden; color:#999;}
.postHeader .menubar a { color:#78bc27; }
.postHeader .menubar a:hover { color:#f93; }
.postHeader .avatar { float:left; padding-right:12px; }
.postHeader .info { float:left; width:100%;text-align: center;}
.postHeader .info .button { margin:4px 4px 0 0; }
.postHeader .info .vip { width:21px; background:url(../images/icon_detail_vip.png) no-repeat 0 center; }
.postHeader .info .top { width:21px; background:url(../images/icon_detail_top.png) no-repeat 0 center; }

.postBody p { margin-bottom:1em; font-size:14px; color:#333; }
.postBody img { margin:0 auto 10px; }
.postBody .pagenator { margin-bottom:20px; text-align:center; }
.postBody .pagenator .total, .postBody .pagenator .first, .postBody .pagenator .last { display:none; }
.postBody .tag { margin-bottom:20px; padding:5px 0 5px 22px; background:url(../images/icon_tag.png) no-repeat left 4px; line-height:140%; width:400px; float:left; color:#999; }
.postBody .share_new { float:right; width:280px; text-align:right; margin-bottom:0px; }
.postBody .share_new .share_new_btn { display:block; width:157px; height:36px;}
.postBody .share_new .share_new_btn span { font-size:14px; font-weight:bold; line-height:36px;  color:#ff9933; }
.postBody .share_new .share_new_other { position:relative; padding-top:5px; display:block; }
.postBody .share_new .pub_dropmenu { position:relative; }
.postBody .share_new .share_new_other a { color:#ccc; padding-right:10px; background:url(../images/share-arrow.png) no-repeat right 5px; }
.postBody .share_new .share_new_other a:hover { color:#6bb044; }
#dm_shareOther { width:156px; margin-top:10px;  }
#dm_shareOther li { width:16px; height:16px; float:left; margin:0 5px; list-style:none; overflow:hidden; }
#dm_shareOther li a { display:block; width:16px; height:16px; line-height:100%; overflow:hidden; padding:0; text-align:left; background:url(../images/icon_share_other.gif) no-repeat 0 0; }

.postFooter .related { margin-top:18px; padding-top:14px; border-top:2px solid #dcdcdc; }
.postFooter .related h3 { margin-bottom:10px; height:15px; overflow:hidden; background:url(../images/sub-titles.png) no-repeat 0 -510px; }
.postFooter .related ul { float:left; width:460px; overflow:hidden; border-right:1px solid #dcdcdc; }
.postFooter .related li { float:left; margin-bottom:2px; width:230px; overflow:hidden; text-indent:14px; background:url(../images/list-bullet.png) no-repeat 0 center; }
.postFooter .related li .tags, .postFooter .related li .tags a { margin:0; color:#008cbf; }
.postFooter .related li .tags a:hover { color:#f93; }
/*
.postFooter .share { float:left; margin-top:20px; padding-left:28px; width:126px; overflow:hidden; text-align:center; color:#888; }
.postFooter .share img { margin-bottom:10px; }
*/
.postFooter .related .related_pic { width:155px; height:105px; float:right; }
.articlaMeta { font-size:14px; padding:6px 10px 5px; background:#fff; border:1px dotted #ccc; margin-bottom:20px; margin-top:5px; }/*modified on 2009/11/17 by Jet Yang for adding "articlaMeta" area*/

/* 评论 */
#comments { width: 780px;margin: 0 auto 20px}
#comments ol {border-top:1px solid #cecece;}
#comments h2 { border-left: 4px solid #78bc27; font-size: 14px }
#comments li { padding:18px 10px 18px 14px; }
#comments li.style2 { background:#f5f5f5; }
#comments li .info { float:left; width:580px; margin-left:20px;overflow:hidden; }
#comments li h4 { margin-bottom:0; }
#comments li h4 .time { margin-left:4px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#999; }
#comments ol img { float:left; margin-top:3px; padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #cecece; }
#comments .pagenator { margin-top:-20px; }
.reCmtBody { margin:10px 2px 0 0; padding:4px 6px; border:1px solid #ddd; background:#f9f9f9; }
.reCmtBody span { padding:0 4px; }
.reCmtBody .author { padding-left:0; }
.reCmtBody .time { font-family:Verdana, Geneva, sans-serif; font-size:11px; }

/* 内页评论 */
/*#commentForm ul { padding:10px 18px; font-size:14px; }
#commentForm li { margin-bottom:10px; }*/
#commentForm {width: 780px;margin: 0 auto;margin-top:30px;}
#commentForm h2 { border-left: 4px solid #78bc27; font-size: 14px}
#commentForm form { padding:10px 18px; font-size:14px; border-top:1px solid #cecece;}
#commentForm form a, #commentForm form span { font-size:12px; }
#commentForm div { margin-bottom:10px; }
#commentForm label { /*float:left;*/ padding-right:6px; cursor:pointer; }
#commentForm .textField { /*float:left;*/ padding:4px 4px 0; width:178px; height:19px; overflow:hidden; font:14px/normal Tahoma, Arial, sans-serif; color:#898989; border:1px solid #ddd; }
#commentForm textarea { margin-left:48px; /*float:left;*/ padding:4px 4px 0; width:460px; height:160px; overflow:auto; font:14px/normal Tahoma, Arial, sans-serif; color:#898989; border:1px solid #ddd; }
#commentForm #cemail { margin-left:8px; }
#commentForm #submit_comment { color:#fff;font-size:14px;background:#78bc27 ;padding:5px 30px;margin-left: 50px;margin-right: 30px; border:1px solid #fff;border-radius:5px;cursor:pointer; }
#commentForm #cremember { position:relative; bottom:-2px; }


/* 侧边栏 */
.subContent { float:right; width:300px; overflow:hidden; color:#898989; }
.subContent h5 { margin-bottom:1px; font-size:12px; color:#666; }
.subContent h5 a { color:#666; }
.subContent h5 a:hover { color:#f93; }
.subContent .module { margin-bottom:16px; background-position:0 100%; border: 1px solid #dcdbda;box-shadow: #c6c6c6 1px 6px 12px -6px}
.subContent #ads img { margin-left:1px; }

/* 侧边栏：频道搜索 */
#search { margin-bottom:16px; height:76px; overflow:hidden; border:0; background:url(../images/search-bg.png) no-repeat 0 0; }
#search h3 { display:none; }
#search form { padding:14px 0 0 16px; height:50px; }
#search .textfield { float:left; padding:6px 6px 0; width:186px; height:20px; overflow:hidden; font:12px/normal Tahoma, Arial, sans-serif; color:#999; border:1px solid #d0d0d0; background:url(../images/search-bg.png) no-repeat 0 -124px; }
#search .button { float:left; width:29px; height:28px; overflow:hidden; border:0; background:url(../images/search-bg.png) no-repeat 0 100%; cursor:pointer; }
#search .tag { padding:6px 2px; clear:both; background:url(../images/search-bg.png) no-repeat 0 -86px; }
#search .tag a { margin-left:4px; }

/* 侧边栏：双周热门推荐 */
#top10 { margin-bottom:0; color:#666; }
#top10 ol { padding:2px 8px 0; }
#top10 li { position:relative; height:31px; overflow:hidden; line-height:30px;}
#top10 li a { display:block; padding:0 0 0 28px;/*padding:0 70px 0 28px;*/ color:#666; }
#top10 li a.lv1 { background:url(../images/top10-bullet.png) no-repeat 2px 10px; }
#top10 li a.lv2 { background:url(../images/top10-bullet.png) no-repeat 2px -31px; }
#top10 li a.lv3 { background:url(../images/top10-bullet.png) no-repeat 2px -72px; }
#top10 li a.lv4 { background:url(../images/top10-bullet.png) no-repeat 2px -113px; }
#top10 li a.lv5 { background:url(../images/top10-bullet.png) no-repeat 2px -154px; }
#top10 li a.lv6 { background:url(../images/top10-bullet.png) no-repeat 2px -195px; }
#top10 li a.lv7 { background:url(../images/top10-bullet.png) no-repeat 2px -236px; }
#top10 li a.lv8 { background:url(../images/top10-bullet.png) no-repeat 2px -277px; }
#top10 li a.lv9 { background:url(../images/top10-bullet.png) no-repeat 2px -318px; }
#top10 li a.lv10 { background:url(../images/top10-bullet.png) no-repeat 2px -359px; }
#top10 li a:hover { color:#f93; }
#top10 li strong { color:#f0a300; }
#top10 li .digg { position:absolute; top:0; right:2px; width:60px; height:31px; overflow:hidden; line-height:30px; white-space:nowrap; }
#top10 li.last { background:none; }



/* 侧边栏：达人 */
#spotlight .featured { margin:10px 12px;}
#spotlight .featured { padding-bottom:12px;}
#spotlight .featured img { float:left; margin-top:3px; padding:1px; width:60px; height:60px; overflow:hidden; border:1px solid #cecece; }
#spotlight .info { float:right; width:160px; overflow:hidden; line-height:1.5; }
#spotlight ul { margin:10px 8px 8px; }
#spotlight ul li { float:left; padding:4px; width:52px; height:52px; overflow:hidden; }
#spotlight ul li img { float:left; padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #cecece; }
#spotlight ol { margin:0 12px 10px; }
#spotlight ol li { margin-top:2px; text-indent:14px; color:#999; background:url(../images/list-bullet.png) no-repeat 0 center; }
#spotlight ol li .tags a { color:#008cbf; }



/* 侧边栏：热门TAG */
#tagCloud ul { margin:10px 6px 12px 16px; }
#tagCloud li { margin-right:6px; display:inline; line-height:1.7; }
#tagCloud li a { white-space:nowrap; }

/* */
#event .featured { margin:10px 12px; }
#event .featured img { float:left; margin-top:3px; padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #cecece; }
#event .info { float:right; width:170px; overflow:hidden; line-height:1.5; }

/* 侧边栏：看法电子报 */
#viewpoint .featured { float:left; padding:14px 10px 14px 12px; width:94px; height:132px; overflow:hidden; }
#viewpoint .featured img { padding:1px; width:90px; height:128px; overflow:hidden; border:1px solid #cecece; }
#viewpoint .info { float:left; padding:12px 0 6px; width:136px; }
#viewpoint .info .readmore { margin:6px 4px 0; text-align:right; }
#viewpoint ul { margin:0 12px 10px; padding-top:6px; }
#viewpoint li { margin-top:2px; text-indent:14px; color:#999; background:url(../images/list-bullet.png) no-repeat 0 center; }

/* 侧边栏：新媒体营销 */
#newMedia .featured { padding:10px 10px 10px 12px; }
#newMedia .readmore { margin:0 4px; text-align:right; }
#newMedia ul { margin:0 12px 10px; padding-top:6px; }
#newMedia li { margin-top:2px; text-indent:14px; color:#999; background:url(../images/list-bullet.png) no-repeat 0 center; }

/* 侧边栏：订阅 */
#syndication { margin:0 0 20px; }
#syndication .subscribe { margin:12px 14px 6px; padding-left:20px; background:url(../images/rss-icon.png) no-repeat 0 2px; }
#syndication .subscribe a { color:#898989; }
#syndication .subscribe a:hover { color:#f93; }
#syndication ul { margin:0 0 10px 14px; }
#syndication li { float:left; padding:0 10px 6px 0; width:110px; height:16px; overflow:hidden; }

/* 侧边栏：责任编辑 */
#editor { margin:0 6px; text-align:right; }
#editor a { color:#008cbf; }
#editor a:hover { color:#f93; }

/* 侧边栏：看法邮件订阅 */
#subEmail { position:relative; width:206px; height:68px; background:url(../images/subEmail.png) no-repeat 0 0; margin-bottom:16px; padding: 64px 27px 0; }
#subEmail h3 { position:absolute; top:27px; left:91px; background:none; font-size:12px; font-weight:normal;text-indent:0; width:150px; }
#subEmail form #subEmailTxt { border:1px solid #ddd; width: 200px; padding:3px 2px; }
#subEmail form p { text-align:right; }
#subEmail form p .btn { width:50px; height: 22px; margin:6px 0 0 8px; padding: 0; background-color:#eee; border:1px solid #eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#666; }


/*taglist*/
#artical ul li {margin:10px 0;list-style:square;}
#artical ul li .headlines a{font-size:14px}
#artical ul li .time {float:right}
#artical ul li span{margin:0 10px 0 0}
#artical ul {margin-left:20px;margin-bottom:2.5em}

/*pagenator*/
.pagenator, span.pager {
	text-align: right;
	color: #333;
	padding: 4px 0 2px;
}

span.pager span.current {
	padding: 1px 2px;
	border: 1px solid #d3d3d3;
	font-weight: bold;
	color: #999;
}

.pagenator .page {
	margin-left:5px
}




